<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片浮动</title>
		<style type="text/css">
			.a{
				width: 1808px;
				height: 1040px;
			}
			.a1{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			.a2{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			.a3{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			.a4{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			.a5{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			.a6{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			.a7{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			.a8{
				width: 400px;
				height: 224px;
				margin: 25px;
				float: left;
			}
			</style>
	</head>
	<body>
		<div class="a">
			<div class="a1"><img src="img/女孩纸.jpg"></div>
			<div class="a2"><img src="img/二次元.jpg"></div>
			<div class="a3"><img src="img/古风.jpg"></div>
			<div class="a4"><img src="img/妹子.jpg"></div>
			<div class="a5"><img src="img/女孩纸.jpg"></div>
			<div class="a6"><img src="img/二次元.jpg"></div>
			<div class="a7"><img src="img/古风.jpg"></div>
			<div class="a8"><img src="img/妹子.jpg"></div>
		</div>
	</body>
</html>
